@charset "utf-8";
html {
  color: #000;
  background: #fff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html, body {
  font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC';
  width: 100%;
  height: 100%;
  position: fixed;top:0;left:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

input, select, textarea {
  font-size: 100%
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset, img {
  border: 0
}

abbr, acronym {
  border: 0;
  font-variant: normal
}

del {
  text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500
}

ol, ul {
  list-style: none
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500
}

q:before, q:after {
  content: ''
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

ins, a {
  text-decoration: none
}

/*内容部分公共样式*/
.container {
  .num {
    color: #BCBCBC;
  }

  .img_container {
    height: 3.3rem;
    //background: #66ccff;
    //background-size: cover;
  }
  .top_bg {
    img {
      opacity: 0.1;
      height: 0.23rem;
    }
  }
  .main-body {
    /* 加上这个才会有当数据充满整个屏幕，可以进行上拉加载更多的操作 */
    overflow: scroll;
    height: calc(100vh - 7rem);
    h3 {
      font-size: 0.28rem;
      font-weight: 400;
      color: rgb(54, 54, 54);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: PingFangSC-Regular, "PingFang SC";
      //width: 44%;
    }
    .detail {
      font-size: 0.24rem;
      color: rgb(188, 188, 188);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      //width: 44%;
    }
    .time {
      font-size: 0.16rem;
      color: rgb(188, 188, 188);

    }
    .mui-table-view li:nth-child(1){
      margin-top: -0.23rem;

    }
    .mui-table-view li {
      height: 2.02rem;
      display: flex;
      align-items: center;
      background-color: rgba(255, 255, 255, 0);
      border-bottom: 1px solid rgba(242, 242, 242, 1);
      .img_box {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 0.26rem;
      }
      img {
        width: 1.5rem;
        height: 1.5rem;
        display: block;
        border-radius: 4px;

      }
      .content {
        display: flex;
        flex-direction: column;
        padding: 0 0.3rem 0 0.3rem;
        height: 1.5rem;
        justify-content: space-around;
        width: calc(100vw - 2.3rem);;

      }
    }

  }
  //选项卡样式
  .container .mint-tab-item {
    height: 0.9rem;
    padding: 0;
    display: flex;;
    justify-content: center;
    align-items: center;

  }
  .mint-navbar .mint-tab-item.is-selected {
    color: rgb(255, 0, 51);
    border-bottom: 3px solid rgb(255, 0, 51);
  }
  .mint-tab-item-label {
    font-size: 0.26rem;
    border: 0;
    text-decoration: none;
  }
}

//滑动部分的样式

.list_ul {
  list-style: none;
  overflow: hidden;
}

.list-item {
  position: relative;
  height: 2.02rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  align-items: center;
}

.list-item[data-type="0"] {
  transform: translate3d(0, 0, 0);
}

.list-item[data-type="1"] {
  transform: translate3d(-2.02rem, 0, 0);
}

.list-box {
  background: #fff;
  display: flex;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  flex: 1;
}

.list-item .delete {
  width: 2.02rem;
  height: 2.02rem;
  background: #ff4949;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  line-height: 2.02rem;
  position: absolute;
  top: 0;
  right: -2.02rem;
}

//轮播
.mint-swipe .mint-swipe-indicator {
  width: 0.17rem;
  height: 0.03rem;
}

//选项卡
.container .mint-navbar {
  padding: 0 0.16rem;
}

// 返回箭头样式
.icon-return {
  display: inline-block;
  transform: rotate(-45deg);
  margin-left: 0.3rem;
  img {
    width: 0.27rem;
    height: 0.27rem;
  }

}

.mint-swipe-item {
  position: relative;
}

//轮播
.input-wrapper{
  border: 0;
}
.carousel {
  position: relative;
  height: 3.3rem;
}

.carousel img {
  height: 3.3rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel {
  p {
    background: rgba(0, 0, 0, 0.149019607843137);
    width: 100%;
    color: #fff;
    font-size: 0.3rem;
    height: 1.1rem;
    padding-top: 0.18rem;
    //padding-bottom: 0.18rem;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    padding-left: 2%;
  }
}

